<template>
  <div class="app-container">
    <el-divider />
    <div v-if="radio1 === '3'">
      <el-form class="my-form" ref="obj" :model="obj" :rules="rules" label-position="right" label-width="auto">
        <table width="100%" height="2200" border="1" align="center" cellpadding="1" cellspacing="1" class="table-form">
          <tr>
            <td colspan="2">部门名称:</td>
            <td colspan="4">
              <el-form-item class="form-table-textarea" label="" prop="targetAll">
                <el-input v-model="obj.departmentName" rows="3" type="textarea" class="textarea-1" placeholder="请输入部门名称" />
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td colspan="2">部门职能概述:</td>
            <td colspan="4">
              <el-form-item class="form-table-textarea" label="" prop="targetAll">
                <el-input v-model="obj.departmentFnc" rows="3" type="textarea" class="textarea-1" placeholder="请输入职能概述" />
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td :rowspan="rowNum1">本年</td>
            <td rowspan="9">本年度部门预算收入</td>
            <td>总额（万元）</td>
            <td colspan="3">
              <el-form-item class="form-table-textarea" label="" prop="targetAll">
                <el-input v-model="obj.itemFund" rows="3" type="textarea" class="textarea-1" placeholder="请输入预算收入总额" />
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>1. 财政拨款收入</td>
            <td colspan="3">
              <el-form-item class="form-table-textarea" label="" prop="targetAll">
                <el-input v-model="obj.itemFund" rows="3" type="textarea" class="textarea-1" placeholder="请输入财政拨款收入" />
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>其中：一般公共预算</td>
            <td colspan="3">
              <el-form-item class="form-table-textarea" label="" prop="targetAll">
                <el-input v-model="obj.itemFund" rows="3" type="textarea" class="textarea-1" placeholder="请输入一般公共预算" />
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>政府性基金预算</td>
            <td colspan="3">
              <el-form-item class="form-table-textarea" label="" prop="targetAll">
                <el-input v-model="obj.itemFund" rows="3" type="textarea" class="textarea-1" placeholder="请输入政府性基金预算" />
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>国有资本经营预算</td>
            <td colspan="3">
              <el-form-item class="form-table-textarea" label="" prop="targetAll">
                <el-input v-model="obj.itemFund" rows="3" type="textarea" class="textarea-1" placeholder="请输入国有资本经营预算" />
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>2.财政专户管理资金</td>
            <td colspan="3">
              <el-form-item class="form-table-textarea" label="" prop="targetAll">
                <el-input v-model="obj.itemFund" rows="3" type="textarea" class="textarea-1" placeholder="请输入财政专户管理资金" />
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>3.事业收入</td>
            <td colspan="3">
              <el-form-item class="form-table-textarea" label="" prop="targetAll">
                <el-input v-model="obj.itemFund" rows="3" type="textarea" class="textarea-1" placeholder="请输入事业收入" />
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>4.经营收入</td>
            <td colspan="3">
              <el-form-item class="form-table-textarea" label="" prop="targetAll">
                <el-input v-model="obj.itemFund" rows="3" type="textarea" class="textarea-1" placeholder="请输入经营收入" />
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>5.其他收入</td>
            <td colspan="3">
              <el-form-item class="form-table-textarea" label="" prop="targetAll">
                <el-input v-model="obj.itemFund" rows="3" type="textarea" class="textarea-1" placeholder="请输入其他收入" />
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td :rowspan="obj.targetList1.length + 2">年度目标</td>
            <td>部门整体支出目标</td>
            <td>
              <span>关键指标</span>
              <div>
                <el-button type="primary" text @click="addTarget1">新增指标</el-button>
                <el-button type="danger" v-if="obj.targetList1.length > 4" text  @click="deleteTarget1">删除指标</el-button>
              </div>
            </td>
            <td colspan="2">预期实现值</td>
          </tr>
          <tr>
            <td :rowspan="obj.targetList1.length">
              <el-form-item class="form-table-textarea" label="" prop="targetAll">
                <el-input v-model="obj.departmentObjectives1" :rows="3 * obj.targetList1.length + 2" type="textarea" class="textarea-1" placeholder="请输入部门整体支出目标" />
              </el-form-item>
            </td>
            <td>
              <el-form-item class="form-table-textarea" label="">
                <el-input v-model="obj.targetList1[0].kpiName" :rows="3" type="textarea" class="textarea-1" placeholder="请输入具体指标名称" />
              </el-form-item>
            </td>
            <td colspan="2">
              <el-form-item class="form-table-textarea" label="">
                <el-input v-model="obj.targetList1[0].expect" :rows="3" type="textarea" class="textarea-1" placeholder="请输入预期实现值" />
              </el-form-item>
            </td>
          </tr>
          <template v-for="(item,index) in obj.targetList1" :key="index">
            <tr v-if="index > 0">
                <td>
                  <el-form-item class="form-table-textarea" label="">
                    <el-input v-model="item.kpiName" :rows="3" type="textarea" class="textarea-1" placeholder="请输入具体指标名称" />
                  </el-form-item>
                </td>
                <td colspan="2">
                  <el-form-item class="form-table-textarea" label="">
                    <el-input v-model="item.expect" :rows="3" type="textarea" class="textarea-1" placeholder="请输入预期实现值" />
                  </el-form-item>
                </td>
              </tr>
          </template>
          <tr >
            <td >
              <div class="endStyle">
                <span>其中：部门年度整体预算完成率：</span>
                <el-form-item class="form-table-textarea" label="" prop="targetAll" >
                  <el-input v-model="obj.itemFund" />
                </el-form-item>
                <span>%</span>
              </div>
            </td>
            <td>
              <el-form-item class="form-table-textarea" label="" prop="targetAll">
                <el-input v-model="obj.itemFund" rows="3" type="textarea" class="textarea-1" placeholder="请输入预算收入总额" />
              </el-form-item>
            </td>
            <td colspan="2">
              <el-form-item class="form-table-textarea" label="" prop="targetAll">
                <el-input v-model="obj.itemFund" rows="3" type="textarea" class="textarea-1" placeholder="请输入预算收入总额" />
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>
              <span>年度主要支出计划（对应任务、政策）</span>
              <div>
                <el-button type="primary" text @click="addPlan1">新增计划</el-button>
                <el-button type="danger" v-if="obj.yearTask.length > 3" text  @click="deletePlan1">删除计划</el-button>
              </div>
            </td>
            <td>任务（政策）的绩效目标</td>
            <td>
              <span>任务（政策）关键性指标（产出、效益、公众满意度方面）</span>
              <div>
                <el-popover placement="bottom" :width="1000" trigger="click">
                  <template #reference>
                    <el-button type="primary" text>新增（指标，绩效）</el-button>
                  </template>
                  <div class="indexs">
                    <template v-for="(item,index) in obj.yearTask" :key="index">
                      <div class="index-list">
                        <div class="index-list-title">
                          <h3>年度主要支出计划（对应任务、政策）{{ index + 1 }}</h3>
                          <el-button type="primary" text @click="addIndexs(index)">新增</el-button>
                        </div>
                        <div class="content-per">
                          <div class="index-list-content" v-for="(item1,index1) in item.indexs" :key="index1">
                            <div class="content-text">指标{{ index1 + 1 }}</div>
                            <el-button type="danger" text @click="deleteIndexs(index,index1)" :disabled="index1 < 4">删除</el-button>
                          </div>
                        </div>
                      </div>
                    </template>
                  </div>
                </el-popover>
              </div>
            </td>
            <td>绩效标准（指标解释及预期实现值）</td>
            <td>主要实施项目（项目名称）</td>
          </tr>
          <template v-for="(item,index) in obj.yearTask" :key="index">
            <tr>
              <td :rowspan="item.indexsNum">
                <el-form-item class="form-table-textarea" label="" prop="targetAll">
                  <el-input v-model="obj.itemFund" rows="14" type="textarea" class="textarea-1" placeholder="请输入任务（政策）" />
                </el-form-item>
              </td>
              <td :rowspan="item.indexsNum">
                <el-form-item class="form-table-textarea" label="" prop="targetAll">
                  <el-input v-model="obj.itemFund" rows="14" type="textarea" class="textarea-1" placeholder="请输入任务（政策）" />
                </el-form-item>
              </td>
              <td>
                <el-form-item class="form-table-textarea" label="" prop="targetAll">
                  <el-input v-model="obj.itemFund" rows="3" type="textarea" class="textarea-1" placeholder="请输入具体指标名称" />
                </el-form-item>
              </td>
              <td>
                <el-form-item class="form-table-textarea" label="" prop="targetAll">
                  <el-input v-model="obj.itemFund" rows="3" type="textarea" class="textarea-1" placeholder="请输入绩效标准" />
                </el-form-item>
                </td>
              <td :rowspan="item.indexsNum">
                <el-form-item class="form-table-textarea" label="" prop="targetAll">
                  <el-input v-model="obj.itemFund" rows="14" type="textarea" class="textarea-1" placeholder="请输入项目" />
                </el-form-item>
              </td>
            </tr>
            <template  v-for="(item1,index1) in item.indexs" :key="index1" >
              <tr v-if="index1 > 0">
                <td>
                  <el-form-item class="form-table-textarea" label="" prop="targetAll">
                    <el-input v-model="obj.itemFund" rows="3" type="textarea" class="textarea-1" placeholder="请输入具体指标名称" />
                  </el-form-item>
                </td>
                <td>
                  <el-form-item class="form-table-textarea" label="" prop="targetAll">
                    <el-input v-model="obj.itemFund" rows="3" type="textarea" class="textarea-1" placeholder="请输入绩效标准" />
                  </el-form-item>
                </td>
              </tr>
            </template>
          </template>
          <!--三年期-->
          <tr>
            <td :rowspan="rowNum2">三年期</td>
          </tr>
          <tr>
            <td :rowspan="obj.targetList2.length + 2">年度目标</td>
            <td>部门整体支出目标</td>
            <td>
              <span>关键指标</span>
              <div>
                <el-button type="primary" text @click="addTarget2">新增指标</el-button>
                <el-button type="danger" v-if="obj.targetList2.length > 4" text  @click="deleteTarget2">删除指标</el-button>
              </div>
            </td>
            <td colspan="2">预期实现值</td>
          </tr>
          <tr>
            <td :rowspan="obj.targetList2.length">
              <el-form-item class="form-table-textarea" label="" prop="targetAll">
                <el-input v-model="obj.departmentObjectives2" :rows="3 * obj.targetList2.length + 2" type="textarea" class="textarea-1" placeholder="请输入部门整体支出目标" />
              </el-form-item>
            </td>
            <td>
              <el-form-item class="form-table-textarea" label="">
                <el-input v-model="obj.targetList2[0].kpiName" :rows="3" type="textarea" class="textarea-1" placeholder="请输入具体指标名称" />
              </el-form-item>
            </td>
            <td colspan="2">
              <el-form-item class="form-table-textarea" label="">
                <el-input v-model="obj.targetList2[0].expect" :rows="3" type="textarea" class="textarea-1" placeholder="请输入预期实现值" />
              </el-form-item>
            </td>
          </tr>
          <template v-for="(item,index) in obj.targetList2" :key="index">
            <tr v-if="index > 0">
                <td>
                  <el-form-item class="form-table-textarea" label="">
                    <el-input v-model="item.kpiName" :rows="3" type="textarea" class="textarea-1" placeholder="请输入具体指标名称" />
                  </el-form-item>
                </td>
                <td colspan="2">
                  <el-form-item class="form-table-textarea" label="">
                    <el-input v-model="item.expect" :rows="3" type="textarea" class="textarea-1" placeholder="请输入预期实现值" />
                  </el-form-item>
                </td>
              </tr>
          </template>
          <tr >
            <td >
              <div class="endStyle">
                <span>其中：部门年度整体预算完成率：</span>
                <el-form-item class="form-table-textarea" label="" prop="targetAll" >
                  <el-input v-model="obj.itemFund" />
                </el-form-item>
                <span>%</span>
              </div>
            </td>
            <td>
              <el-form-item class="form-table-textarea" label="" prop="targetAll">
                <el-input v-model="obj.itemFund" rows="3" type="textarea" class="textarea-1" placeholder="请输入预算收入总额" />
              </el-form-item>
            </td>
            <td colspan="2">
              <el-form-item class="form-table-textarea" label="" prop="targetAll">
                <el-input v-model="obj.itemFund" rows="3" type="textarea" class="textarea-1" placeholder="请输入预算收入总额" />
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>
              <span>三年期主要支出计划（对应任务、政策）</span>
              <div>
                <el-button type="primary" text @click="addPlan2">新增计划</el-button>
                <el-button type="danger" v-if="obj.threeYearTask.length > 3" text  @click="deletePlan2">删除计划</el-button>
              </div>
            </td>
            <td>任务（政策）的绩效目标</td>
            <td>
              <span>任务（政策）关键性指标（产出、效益、公众满意度方面）</span>
              <div>
                <el-popover placement="bottom" :width="1000" trigger="click">
                  <template #reference>
                    <el-button type="primary" text>新增（指标，绩效）</el-button>
                  </template>
                  <div class="indexs">
                    <template v-for="(item,index) in obj.threeYearTask" :key="index">
                      <div class="index-list">
                        <div class="index-list-title">
                          <h3>年度主要支出计划（对应任务、政策）{{ index + 1 }}</h3>
                          <el-button type="primary" text @click="addIndexs2(index)">新增</el-button>
                        </div>
                        <div class="content-per">
                          <div class="index-list-content" v-for="(item1,index1) in item.indexs" :key="index1">
                            <div class="content-text">指标{{ index1 + 1 }}</div>
                            <el-button type="danger" text @click="deleteIndexs2(index,index1)" :disabled="index1 < 4">删除</el-button>
                          </div>
                        </div>
                      </div>
                    </template>
                  </div>
                </el-popover>
              </div>
            </td>
            <td>绩效标准（指标解释及预期实现值）</td>
            <td>主要实施项目（项目名称）</td>
          </tr>
          <template v-for="(item,index) in obj.threeYearTask" :key="index">
            <tr>
              <td :rowspan="item.indexsNum">
                <el-form-item class="form-table-textarea" label="" prop="targetAll">
                  <el-input v-model="obj.itemFund" rows="14" type="textarea" class="textarea-1" placeholder="请输入任务（政策）" />
                </el-form-item>
              </td>
              <td :rowspan="item.indexsNum">
                <el-form-item class="form-table-textarea" label="" prop="targetAll">
                  <el-input v-model="obj.itemFund" rows="14" type="textarea" class="textarea-1" placeholder="请输入任务（政策）" />
                </el-form-item>
              </td>
              <td>
                <el-form-item class="form-table-textarea" label="" prop="targetAll">
                  <el-input v-model="obj.itemFund" rows="3" type="textarea" class="textarea-1" placeholder="请输入具体指标名称8" />
                </el-form-item>
              </td>
              <td>
                <el-form-item class="form-table-textarea" label="" prop="targetAll">
                  <el-input v-model="obj.itemFund" rows="3" type="textarea" class="textarea-1" placeholder="请输入指标解释及预期实现值9" />
                </el-form-item>
              </td>
              <td :rowspan="item.indexsNum">
                <el-form-item class="form-table-textarea" label="" prop="targetAll">
                  <el-input v-model="obj.itemFund" rows="14" type="textarea" class="textarea-1" placeholder="请输入项目名称" />
                </el-form-item>
              </td>
            </tr>
            <template  v-for="(item1,index1) in item.indexs" :key="index1" >
              <tr v-if="index1 > 0">
                <td>
                  <el-form-item class="form-table-textarea" label="" prop="targetAll">
                    <el-input v-model="obj.itemFund" rows="3" type="textarea" class="textarea-1" placeholder="请输入具体指标名称" />
                  </el-form-item>
                </td>
                <td>
                  <el-form-item class="form-table-textarea" label="" prop="targetAll">
                    <el-input v-model="obj.itemFund" rows="3" type="textarea" class="textarea-1" placeholder="请输入绩效标准" />
                  </el-form-item>
                </td>
              </tr>
            </template>
          </template>
          <tr>
            <td rowspan="4">其他需要说明的情况</td>
            <td rowspan="4" colspan="5">
              <el-form-item class="form-table-textarea" label="" prop="targetAll">
                <el-input v-model="obj.itemFund" rows="4" type="textarea" class="textarea-1" placeholder="请输入其他需要说明的情况" />
              </el-form-item>
            </td>
          </tr>
        </table>
      </el-form>
    </div>
  </div>
</template>

<script>
import baseConfig from '@/mixins/baseConfig'
import {doGet} from '@/config/http'
import {customValidator} from "@/config/common";

const props = { multiple: true }

export default {
  name: 'budgetTwoCollectEdit3_nocache',
  mixins: [baseConfig],
  components: {
  },
  data() {
    return {
      oHeight: 220,
      radio1: '3',
      svc: 'icims-api',
      routes: [],
      dialogVisible: false,
      dialogType: 'add',
      dialogTypeTitle: '汇总明细',
      checkStrictly: false,
      defaultProps: {
        children: 'children',
        label: 'title'
      },
      tableKey: 0,
      total: 0,
      listLoading: false,
      rowNum1: 28,
      rowNum2: 20,
      // indexsNum1: 4,
      obj: {
        departmentName: null,
        departmentFnc: null,
        itemFund: null,
        yearTask: [
          {
            indexsNum: 4,
            task: '任务1',
            po: '',
            indexs: ["","","", ""],
            ps: ["","","",""],
          },
          {
            indexsNum: 4,
            task: '任务2',
            po: '',
            indexs: ["","","",""],
            ps: ["","","",""],
          },
          {
            indexsNum: 4,
            task: '任务3',
            indexs: ["","","",""],
            po: '',
            ps: ["","","",""],
          }
        ],
        threeYearTask: [
          {
            indexsNum: 4,
            task: '任务1',
            po: '',
            indexs: ["","","", ""],
            ps: ["","","",""],
          },
          {
            indexsNum: 4,
            task: '任务2',
            po: '',
            indexs: ["","","",""],
            ps: ["","","",""],
          },
          {
            indexsNum: 4,
            task: '任务3',
            indexs: ["","","",""],
            po: '',
            ps: ["","","",""],
          }
        ],
        // 本年部门整体支出目标
        departmentObjectives1: '',
        // 三年期部门整体支出目标
        departmentObjectives2: '',

        // 本年关键指标/预期实现值
        targetList2: [
          {
            kpiName: '',
            expect: ''
          },
          {
            kpiName: '',
            expect: ''
          },
          {
            kpiName: '',
            expect: ''
          },
          {
            kpiName: '',
            expect: ''
          },
        ],
        // 三年期关键指标/预期实现值
        targetList1: [
          {
            kpiName: '',
            expect: ''
          },
          {
            kpiName: '',
            expect: ''
          },
          {
            kpiName: '',
            expect: ''
          },
          {
            kpiName: '',
            expect: ''
          },
        ],
      },
      rules: {
        system: [{ required: false, validator: customValidator, min: 0, max: 100, label: '系统', trigger: ['blur', 'change'] }],
        systemName: [{ required: false, validator: customValidator, min: 0, max: 100, label: '系统名称', trigger: ['blur', 'change'] }],
        service: [{ required: false, validator: customValidator, min: 0, max: 100, label: '服务', trigger: ['blur', 'change'] }],
        serviceName: [{ required: false, validator: customValidator, min: 0, max: 100, label: '服务名', trigger: ['blur', 'change'] }],
        fileType: [{ required: false, validator: customValidator, min: 0, max: 20, label: '附件类型', trigger: ['blur', 'change'] }],
        fileName: [{ required: false, validator: customValidator, min: 0, max: 200, label: '附件名称', trigger: ['blur', 'change'] }],
        md5: [{ required: false, validator: customValidator, min: 0, max: 50, label: 'MD5值', trigger: ['blur', 'change'] }],
        size: [{ required: false, validator: customValidator, min: 0, max: 20, label: '附件大小(字节)', trigger: ['blur', 'change'] }],
        storage: [{ required: false, validator: customValidator, min: 0, max: 10, label: '附件存储方式', trigger: ['blur', 'change'] }],
        bucket: [{ required: false, validator: customValidator, min: 0, max: 100, label: '附件存储桶', trigger: ['blur', 'change'] }],
        path: [{ required: false, validator: customValidator, min: 0, max: 200, label: '存储路径', trigger: ['blur', 'change'] }],
        original: [{ required: false, validator: customValidator, min: 0, max: 200, label: '原始文件名', trigger: ['blur', 'change'] }],
        downloads: [{ required: false, validator: customValidator, min: 0, max: 20, label: '附件下载次数', trigger: ['blur', 'change'] }],
        url: [{ required: false, validator: customValidator, min: 0, max: 500, label: '附件URL', trigger: ['blur', 'change'] }],
      },
    }

  },
  computed: {
    routesData() {
      return this.routes
    }
  },
  created() {
    console.log(this.$route.query.tab)
    this.radio1 = this.$route.query.tab
    this.getList()
  },
  methods: {
    getList() {
      this.listLoading = true
      doGet(this.svc, '/attachment/page', this.listQuery).then(res => {
        this.listLoading = false
        this.list = res['records']
        this.total = parseInt(res['total'])
      }).catch(e => {
        console.error(e)
        this.listLoading = false
      })
    },
    addPlan1() {
      let data = {
        indexsNum: 4,
        task: '任务1',
        po: '',
        indexs: ["","","", ""],
        ps: ["","","",""],
      }
      this.obj.yearTask.push(data)
      this.rowNum1 += 4
    },
    deletePlan1() {
      this.obj.yearTask.pop()
      this.rowNum1 -= 4
    },
    addPlan2() {
      let data = {
        indexsNum: 4,
        task: '任务1',
        po: '',
        indexs: ["","","", ""],
        ps: ["","","",""],
      }
      this.obj.threeYearTask.push(data)
      this.rowNum2 += 4
    },
    deletePlan2() {
      this.obj.threeYearTask.pop()
      this.rowNum2 -= 4
    },
    addTarget1() {
      let data = {
        kpiName: '',
        expect: ''
      }
      this.obj.targetList1.push(data)
      this.rowNum1 += 1
    },
    deleteTarget1() {
      this.obj.targetList1.pop()
      this.rowNum1 -= 1
    },
    addTarget2() {
      let data = {
        kpiName: '',
        expect: ''
      }
      this.obj.targetList2.push(data)
      this.rowNum2 += 1
    },
    deleteTarget2() {
      this.obj.targetList2.pop()
      this.rowNum2 -= 1
    },
    addIndexs(index) {
      this.obj.yearTask[index].indexs.push("")
      this.obj.yearTask[index].ps.push("")
      this.rowNum1 += 1
      this.obj.yearTask[index].indexsNum += 1
    },
    deleteIndexs(index,index1) {
      this.obj.yearTask[index].indexs.splice(index1, 1)
      this.obj.yearTask[index].ps.splice(index1, 1)
      this.rowNum1 -= 1
      this.obj.yearTask[index].indexsNum -= 1
    },
    addIndexs2(index) {
      this.obj.threeYearTask[index].indexs.push("")
      this.obj.threeYearTask[index].ps.push("")
      this.rowNum2 += 1
      this.obj.threeYearTask[index].indexsNum += 1
    },
    deleteIndexs2(index,index1) {
      this.obj.threeYearTask[index].indexs.splice(index1, 1)
      this.obj.threeYearTask[index].ps.splice(index1, 1)
      this.rowNum2 -= 1
      this.obj.threeYearTask[index].indexsNum -= 1
    },
    openProjectModel() {
      this.itemsVisible = true
    },
    changeProjectTwo(data) {
      console.log('222222222222', data.id)
      this.twoProjectObj = data
      this.twoProjectObjName = data.name
    },
    changeProjectTwo1(data) {
      console.log('多选项目返回值', data)
    }
  }
}
</script>
<style>
.endStyle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.endStyle .el-input {
  border: none !important;
  resize: none !important;
  outline: none !important;
}
.endStyle .el-input__inner{
  width: 40px !important;
  /* pointer-events: none; */
  border: none !important;
  resize: none !important;
  outline: none !important;
  border-radius: 0 !important;
  /* border-bottom: 1px solid var(--el-border-color) !important; */

}
.textarea-1 .el-textarea__inner{
  /* pointer-events: none; */
  border: none !important;
  resize: none !important;
  outline: none !important;
  border-radius: 0 !important;
}
.form-table-textarea .el-form-item__content{
  /* width: 100%; */
  padding:0;
  margin-left: 0 !important;
}
</style>
<style scoped>
.table-form {
  border-collapse: collapse;
  text-align:center;
}
.el-popper {
  overflow: hidden;
}
.form-list-content-1 .el-form-item__label {
  width: 11.25rem !important;
}
.table-form .form-table-textarea {
  margin-bottom:  0 !important;
}
.textarea-1 .el-textarea__inner{
  /* pointer-events: none; */
  border: none !important;
  resize: none !important;
  outline: none !important;
  border-radius: 0 !important;
}
.btns {
  margin: 1.875rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.project-show-per {
  display: flex;
  align-items: center;
}
.project-show {
  margin-left: 20px;
}
.project-show-title {
  color: #337ecc;
  padding-left: 10px;
}
.indexs {
  display: flex;
  flex-wrap: wrap;
}
.index-list {
  margin: 0 20px
}
.index-list h3 {
  font-weight: bold;
  /* text-align: center; */
}
.content-per {

}
.index-list-content {
  display: flex;
  align-items: center;
}
.content-text {
  width: 300px;
  /* background: red; */
}
.index-list-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.query-per {
  display: flex;
  align-items: center;
}
.query-per .el-button {
  margin-left: 20px;
}
</style>
